<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Quill Mention</title>
  <meta name="description" content="Quill Mention Demo" />
  <link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet" />
</head>
<body>
  <h1>Quill Mention</h1>
  <p>
    Quill Mention is a module to provide @mentions or #hashtag functionality for the Quill rich text editor.
  </p>

  <h2>Simple Demo</h2>
  <!-- Create the editor container -->
  <div id="editor"></div>

  <br />
  <h2>Advanced Demo</h2>
  <p>
    Asynchronous retrieval, disabled items (i.e. group headers), loading message, programmatic methods, and custom blot rendering
  </p>
  <div id="editor2"></div>
  <div style="margin-top: 5px">
    <button onclick="showMenu()">Show @ Menu</button>
    <button onclick="addMention()">Add Mention Programmatically</button>
  </div>

  <h2>License</h2>
  <p>This project is licensed under the MIT License</p>
  <p><a href="https://github.com/afry/quill-mention">View on GitHub</a></p>
</body>
</html>
